/*公司简介*/
.ab-one-box{margin: 80px auto;}
.ab-one-l{width: 50%;float: left;padding: 20px;}
.ab-one-tit,.ab-one-tit h1{margin-bottom: 40px;}
.ab-one-r{width: 46%;float: left;margin: 20px 2%; background: #88ada6;padding: 3%;}
.ab-one-r img{width: 100%;padding: 5%;background: #fff;}
.ab-one-d{background: #ececec;}
.ab-one-d p{width: 33%;float: left;padding: 50px 20px 30px;}

/*发展历程*/
.ab-two-box{margin-bottom: 80px;}
.ab-two-tit .tit-c{margin: 0 auto;}
.ab-two-cont{margin-top: 40px;}
.ab-two-l,.ab-two-r{width: 50%;float: left;overflow-x: hidden;position: relative;}
.ab-two-l{border-right: 1px solid #2d2d2d;}
.ab-two-l::before,.ab-two-l::after,.ab-two-r::before,.ab-two-r::after{content: "";width: 4px;height: 4px;background: #2d2d2d;position: absolute;}
.ab-two-l::before{right: 0;top: 0px;}
.ab-two-l::after{right: 0;bottom: 0px;}
.ab-two-r::before{left: 0;top: 0px;}
.ab-two-r::after{l: 0;bottom: 0px;}

.ab-two-cont ul li{width: 90%; padding:30px 30px 20px 30px;border: 1px solid #2d2d2d;position: relative;line-height: 28px;}
.ab-two-cont ul li span{width: 100px; font-size: 12px; padding: 0 20px;border-radius: 15px; color: #fff; background: #8c4356;position: absolute;top: -15px;left: 0;right: 0;margin: auto;text-align: center; }
.ab-two-l li{margin: 30px auto 0 0;}
.ab-two-r li{margin: 30px 0 0 auto;}
.ab-two-l li::before{content: "";width: 70px;height: 1px;background: #2d2d2d;position: absolute;right: -70px;top: 70px;}
.ab-two-r li::before{content: "";width: 70px;height: 1px;background: #2d2d2d;position: absolute;left: -70px;top: 40px;}

/*荣誉证书*/
.ab-thr-box{background: url(../images/ab-two-bg.jpg);padding: 80px 0;}
.ab-thr-box ul li{width: 19%;margin:0.5%;float: left;box-shadow: 0 7px 11px rgba(100,100,100,0.4);}
.ab-thr-box ul li img{width: 100%;}



/*--------------【内页二】特色产品------------*/
.pro-box{padding: 80px 0;background: url(../images/in-five-bg.png);}
.panel-heading{padding: 15px 30px;}

.panel-title{position:relative;}
.panel-title a{display: block; text-decoration: none;font-size: 20px;}
.panel-title i{margin-left: 30px;font-size: 12px;text-decoration: underline;color:#8c4356; }
.panel-title::before{right: 9px;position: absolute;top: 9px;}

.panel-body img{width: 10%;float: left;margin-left: 5%;}
.pro-w{width: 70%;margin-left: 5%;float: left;}
.pro-w h4{margin: 15px;}


/*---------------【内页三】招商加盟------------ */


/*运营模式*/
.join-one-box{margin: 40px auto 0px auto;}
.join-one-tit{margin-bottom: 50px;position: relative;}
.join-one-tit h1{margin: 0 auto;}
.join-one-tit::before{content:"";width:  80%;height: 300px;border: 2px solid #2d2d2d;position: absolute;top: 50px;left: 0;right:0;margin: auto;z-index: -1;}

.join-one-cont{background: #eeeeee;}
.join-one-l{width: 80%;padding: 30px;float: left;}
.join-one-tab{padding-bottom:20px;}
.join-one-tab li{width: 15% ;float: left;margin-right: 1.5%;text-align: center;}
.join-one-tab li img{filter: grayscale(100%);width: 70%;}
.active img,.join-one-tab li:hover img{filter: grayscale(0%)!important;transform: rotateY(360deg);transition: all 0.5s linear;}
.join-one-tab li h4{margin: 0 0 15px 0;}
.join-one-wenzi{background: #fff;padding: 20px;line-height: 32px;min-height: 200px}
.join-one-wenzi p{margin: 0;}

.join-one-r{width: 20%;float: right;padding: 30px 30px 30px 0;}
.join-one-r img{width: 100%;}

/*门店展示*/
.join-two-box{background: #262626;margin-bottom: 70px;}
.join-two-bg{padding: 80px 0;background: url(../images/join-two-bg.jpg) center no-repeat;background-size: auto 100%;}

.join-two-tit .tit-cc{color: #fff;}
.join-two-tit .tit-p{background: #fff;color: #2d2d2d;margin-top: 40px;}

.join-two-cont{width: 99%!important;height:250px;  margin: 50px 0 0 0;overflow:hidden;}
.join-two-pic li{width: 280px;height: 250px;overflow:hidden;border-radius: 10px;margin-left: 10px!important;}
.join-two-pic li img{width: 100%;}


/*-------------【内页四】动态资讯-------------- */

/*新闻分类*/
.news-box{background: url(../images/in-five-bg.png);padding: 50px 0 40px;}

.news-tab ul{margin: 0 auto;text-align: center;}
.news-tab ul li{margin: 40px 2%;display: inline-block; width: 28%; height: 150px; background: url(../images/new-i2.png) center no-repeat;text-align: center;background-size: contain;transition: all 0.3s ease;position: relative;}
.news-tab ul li a{ position: absolute;left: 0;right: 0;
top: 0;bottom: 0;margin: auto;display: block;padding: 25px 0;}
.news-tab ul li a img{margin: 10px;max-width: 35px;}
.news-tab ul li h4{color: #fff;}
.news-tab ul li:hover{background: url(../images/new-i1.png) center no-repeat;cursor: pointer;background-size: contain;transform: rotate(360deg);transition: all 0.3s linear;}
.new-active{background: url(../images/new-i1.png) center no-repeat!important;background-size: contain!important;}

/*新闻列表*/
.news-list{margin: 0 auto;min-width: 360px;}
.news-list ul li{width: 46%;float:left;margin: 15px;background-color: #fff;}
.news-small{padding: 20px;background-color: #fff;box-shadow: 0px 0px 1px rgba(100,100,100,0.5);transition: all 0.3s;}

.news-up{padding:0;position: relative;background: #fff;}
.news-up>a{display: block;color: #2d2d2d;}
.news-pic{width: 30%;float: left;overflow: hidden;height: 120px;}
.news-pic img{height: 100%;}
.news-tit{width: 65%;float: left;position: absolute;right: 0;top: 0;}
.news-tit h5{margin: 10px auto;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 30px!important;font-weight: bold;}
.news-mess span{color:#555555; }
.news-b{float: right;display: inline-block;background-color: #fff;font-size: 12px;padding: 0 15px;margin-right: 20px; transition: all 0.3s;}

.news-down{padding: 2%;background: #88ada6;}
.news-down p{text-indent: 15px; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 14px;color: #fff;margin: 0;line-height: 22px;}

.news-up a:hover{text-decoration: none;cursor: pointer;}
.news-up a:hover .news-b{background: #2d2d2d;color: #fff;margin: 0; transition: all 0.3s;}
.fanye{text-align: center;padding: 30px 0;}


/*新闻展开*/
.news-open{padding: 0!important;}
.news-tits{padding: 30px;background-color: #fafafa;border: 1px solid #eee;margin-top: 20px;}
.news-tits h2{margin-top: 0;padding: 15px 0;}
.news-tits span{background: url(../images/clock.png) left no-repeat;color: #999;padding-left: 20px;}
.news-tits a{background: url(../images/list.png) right no-repeat;padding-right: 20px;color: #999;float: right;}
.news-tits a:hover{color: #7bc5e8;}
.news-conts{margin-top: 20px;padding:30px;background-color: #fafafa;border: 1px solid #eee;text-indent: 30px;}
.news-conts img{max-width: 85%;margin:20px auto;display: block;}

.news-fanye{margin: 50px 0;}
.news-pre span,.news-next span,.news-pre a,.news-next a{padding: 0 20px;line-height: 32px!important;display: inline-block;margin: 5px 0;color: #2d2d2d;font-size: 12px;}
.news-pre span,.news-next span{background-color: rgb(236, 236, 236);}
.news-pre a,.news-next a{background-color: rgb(244, 244, 244);}


/*-------------【内页五】联系我们-------------- */

.tact-banner{width: 100%;height: 300px;background: url(../images/ban-tact.jpg) top no-repeat;z-index: -1;}

.tact-box{box-shadow: 0 0 10px rgba(150,150,150,0.8);padding:15px 0;margin-top: -30px;background-color: #fff;z-index: 1;margin-bottom: 40px;}
.tact-box ul{margin-bottom: 0;}
.tact-box ul li{height: 240px; background-color: #f6f6f6;text-align: center;padding: 30px 0;border: 10px solid #fff;}
.tact-i1,.tact-i2,.tact-i3,.tact-i4{width: 40px; height: 46px;display: inline-block;}
.tact-i1{background: url(../images/j_cont_icon.png) no-repeat 0 -164px;}
.tact-i2{background: url(../images/j_cont_icon.png) no-repeat 0 0px;}
.tact-i3{background: url(../images/j_cont_icon.png) no-repeat 0 -59px;}
.tact-i4{background: url(../images/j_cont_icon.png) no-repeat 0 -108px;}
.tact-box ul li h2{margin: 10px;}
.tact-box ul li p{width: 65%;margin: auto;}
.tact-box ul li:hover i{animation: swing 1s;}

@keyframes swing{
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}